<template>
    <div>
        <page-header title="待我审批" />
        <el-row :gutter="20" style="margin: 0 10px;">
            <el-col :span="6" align="middle">
                <page-main style="margin: 0; background: #e5e9f2;">
                    总审批项目数
                    <div style="font-size: 2.5em; color: #3dd1ae;">50</div>
                </page-main>
            </el-col>
            <el-col :span="6" align="middle">
                <page-main style="margin: 0; background: #e5e9f2;">
                    待审批项目数
                    <div style="font-size: 2.5em; color: #3dd1ae;">42</div>
                </page-main>
            </el-col>
            <el-col :span="6" align="middle">
                <page-main style="margin: 0; background: #e5e9f2;">
                    已审批项目数
                    <div style="font-size: 2.5em; color: #3dd1ae;">6</div>
                </page-main>
            </el-col>
            <el-col :span="6" align="middle">
                <page-main style="margin: 0; background: #e5e9f2;">
                    未通过审批项目数
                    <div style="font-size: 2.5em; color: #3dd1ae;">2</div>
                </page-main>
            </el-col>
        </el-row>
        <page-main>
            <el-table ref="table" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}" :data="dataList" border stripe highlight-current-row @selection-change="selectionDataList = $event">
                <el-table-column prop="projectName" label="项目名" />
                <el-table-column prop="name" label="负责人" />
                <el-table-column prop="position" label="审批状态" />
                <el-table-column label="操作" align="center" min-width="100">
                    <template slot-scope="scope">
                        <el-button size="mini" type="text" @click="checkDetail(scope.row.phone)">查看项目</el-button>
                        <el-button size="mini" type="info" @click="pass(scope.row.phone)">通过</el-button>
                        <el-button size="mini" type="info" @click="reject(scope.row.phone)">驳回</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </page-main>
    </div>
</template>

<script>
export default {
    name: 'PendingIndex',
    props: {},
    data() {
        return {
            dataList: [
                {
                    projectName: '应急项目',
                    name: '李明',
                    position: '待审批'
                },
                
                {
                    projectName: '安全项目',
                    name: '李明',
                    position: '待审批'
                },
                {
                    projectName: '安全项目',
                    name: '李明',
                    position: '待审批'
                }
            ],
            selectionDataList: []
        }
    },
    created() {},
    mounted() {},
    methods: {}
}
</script>